@charset "utf-8";
.banner{position:relative; left:50%;width:1920px; height:603px; text-align:center;margin-left:-960px;}
.banner .bd li{ width:100%; text-align:center}

.ny_banner{position:relative; left:50%;width:1920px; height:330px; text-align:center;margin-left:-960px;}
.ny_banner .bd li{ width:100%; text-align:center}

.banner .rsp{ width:62px; width:1000px; position:absolute; left:50%; bottom:21px; background:rgba(88,141,247,.7); overflow:hidden; z-index:10000000000; margin-left:-500px; border-radius:25px;}
.banner .rsp .search{ float:left; width:468px; margin:15px 0 0 45px; height:34px;}
.banner .rsp  .search .input{ float:right; width:395px; height:32px; line-height:32px;background:#fff; border:none; color:#333; border-radius:10px; box-shadow:inset -1px 1px 2px #ccc; padding-left:10px;}
.banner .rsp .search .button{ float:left; background:url(../images/index_09.png) no-repeat; width:34px; height:34px;border:none}
.banner .rsp  .rexian{ float:right; width:213px; background:url(../images/index_06.png) left center no-repeat; padding-left:162px; color:#fff; height:62px; line-height:62px; font-size:24px; font-family:Arial;text-align: left;}

.section{ width:100%; height:478px; background:#f5f5f5}
.about{ width:1000px; margin:0 auto}
.about .title,.case .title{ height:36px; line-height:36px; background:url(../images/index_03.gif) left center repeat-x; text-align:center; font-size:20px;}
.about .title a,.case .title a,.news .title h3,.product .title h3{ display:inline-block; background:#f5f5f5; padding:0 15px; color:#333333; font-weight:bolder}
.case .title a,.product .title h3{ background:#fff;}
.about .title a span,.case .title a span,.news .title h3 span,.product .title h3 span{ color:#588df7; font-size:20px; font-weight:normal}
.about .cont{ background:url(../images/index_03.jpg) left top no-repeat; margin-top:25px; padding:0 0 0 548px; line-height:27px; height:371px; overflow:hidden}
.about .cont h3{ height:50px; line-height:20px; font-size:16px; font-weight:bolder; padding-left:14px;}
.about .cont h3 span{ font-size:12px; font-family:Arial; font-weight:normal; text-transform:uppercase}
.about .cont p{ height:215px; overflow:hidden; margin:33px 0 36px;}
.about .cont .more{ background:url(../images/index_18.gif) no-repeat; width:122px; height:33px;}

.case{ width:1000px; margin:16px auto 47px; height:363px; overflow:hidden;}
.case li{ float:left; width:199px; height:146px;}
.case ul{ background:url(../images/index_22.jpg) left center no-repeat; height:293px; overflow:hidden; padding-left:394px; margin-top:33px}

.section1{ width:100%; height:360px; overflow:hidden; background:#f5f5f5}
.news{ width:1000px; margin:0 auto; padding-top:40px;}
.news .title,.product .title{ height:36px; line-height:36px; background:url(../images/index_03.gif) left center repeat-x; margin-bottom:19px; font-size:20px;}
.news .title a,.product .title a{ float:right; background:#f5f5f5; padding-left:9px; color:#999999}
.product .title a{ background:#fff}

.news .left_title{ float:left; width:97px; padding-top:13px;}
.news .left_title a{ display:block; width:97px; height:97px; margin-bottom:8px; text-align:center; line-height:97px;}
.left_title .a1{ background:url(../images/index_26.gif) no-repeat;}
.left_title .a2{ background:url(../images/index_37.gif) no-repeat;}
.news .cont{ float:right; width:878px;}
.news ul{ height:216px; overflow:hidden; padding-left:320px;}
.news li{ height:34px; line-height:34px; border-bottom:1px dashed #ddd; background:url(../images/index_33.gif) 5px center no-repeat; padding-left:40px; font-size:14px;}
.news li span{ float:right; font-size:12px;}
.news li:hover{ background:url(../images/index_29.gif) 5px center no-repeat; color:#588df7}
.news li:hover a{ color:#588df7;}

.product{ width:1000px; margin:35px auto 0; overflow:hidden}
.product li .photo{ width:233px; height:165px;}
.product li .tit{ height:40px; line-height:40px; border-bottom:1px solid #ececec; display:block}
.product li .tit span{ float:right}
.product li{ float:left; width:233px; margin:0 12px 22px;}
.product ul{ float:left; margin:0 -14px;}

.links { height:48px; overflow:hidden; width:1000px; margin:0 auto}
.links h3{ float:left; width:179px; font-size:20px; font-weight:normal; height:48px; line-height:48px;}
.links h3 span{ color:#588df7}

.links .product_list{ float:left; width:820px; position:relative;}
.links li{ float:left; width:118px; height:46px; border:1px solid #ccc; margin:0 5px;}
.links .bd{ width:780px; margin:0 auto; height:48px; overflow:hidden}
.links .hd a{ position:absolute; top:15px; width:10px; height:20px; display:block; cursor:pointer}
.links .hd .prev{ background:url(../images/index_44.png) no-repeat; left:0;}
.links .hd .next{ background:url(../images/index_39.png) no-repeat; right:0;}


/*单页*/
.single_con .ny_right .content{line-height: 27px}


/*新闻列表*/
.news_con .ny_right .content_title { margin-bottom:30px; padding-bottom:20px; text-align:center; border-bottom:1px #ddd dotted;}
.news_con .ny_right .content_title h3{ font-size:17px; color:#4d5260;}
.news_con .ny_right .content_title .info{ margin-top:15px; font-size:12px; color:#aaa;}
.news_con .ny_right .content_title .info span{ display:inline-block; margin:0 10px;}
.news_con .ny_right .content{line-height: 27px}
.first_list{height:125px; overflow:hidden; margin-bottom:26px;width: 700px;}
.first_list img{border: solid 1px #c2c2c2; float: left;}
.first_list .right{float:right;color:#8c8573;line-height: 20px;width: 516px;}
.first_list .right .tit{display:block; height:31px; color:#588df7; font-size:14px;}
.first_list .right .text{height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .right a{color: #cf281f;display: block}
.first_list .right .date{ display:block; height:20px; line-height:20px; background:url(../images/news_list_time.jpg) left center no-repeat; padding-left:20px; margin-top:10px;}
.other_list{margin-bottom: 67px; }
.other_list li{height:37px; line-height: 37px; border-bottom: dotted 1px #dddddd;}
.other_list a:hover,.other_list li:hover{ color:#588df7}
.other_list li span{float: right;}

/*切换按钮*/
.list_btn{ margin:20px auto; width: 752px; }
.list_btn_l_r{ float: left; width: 20px; height: 20px; border: solid 1px #d3d3d3; text-align: center; color: #d3d3d3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_l_r:hover{ color: #8c8573; border-color: #8c8573; }
.list_btn_line{ float: left; width: 260px; height: 1px; background-color: #d3d3d3; margin-top: 11px; }
.list_btn_num{ width: 120px; float: left; margin: 0 9px; text-align: center; }
.list_btn_num a{ display: inline-block; width: 20px; height: 20px; text-align: center; border: solid 1px #d3d3d3; margin: 0 2px; color: #606060; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_num a:hover,.list_btn_num .hover{ color: #588df7; border-color: #588df7; }

/*新闻详情*/
.news_con .ny_right .content_tit { height: 40px; line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden; }
.news_con .ny_right .content_related { padding:6px 0; text-align: center;margin-bottom: 30px;}
.news_con .ny_right .content{line-height: 27px}
.news_con .ny_right .content_btn{line-height: 27px}
.news_con .ny_right .content_btn a{color: #2d3140 }
		
/*产品列表*/
.pro_con .ny_right .content{line-height: 27px}
.pro_con .ny_right .content ul{ float:left; margin:0 -24px 0 -23px;}
.pro_con .ny_right .content li{ float:left; width: 212px;height: 258px; border: solid 3px transparent;; margin:0 24px 67px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.pro_con .ny_right .content li .photo{ display:block; width:213px; height:194px;}
.pro_con .ny_right .content li .info{ width:213px; height:64px; background:#f5f5f5;}
.pro_con .ny_right .content li .info .name{ height:40px; line-height:40px; padding-left:19px; font-size:14px;font-weight: bold;}
.pro_con .ny_right .content li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;}
.pro_con .ny_right .content li .info .more{ display:block; height:24px; line-height:24px; background:#adadad; padding-left:20px; color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.pro_con .ny_right .content li:hover{ border-color:#588df7}
.pro_con .ny_right .content li:hover .more{ background:#588df7}



